<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> Industrial & Factory Bootstrap 5 Template</title>

    <!-- ::::::::::::::Favicon icon::::::::::::::-->
    

    <!-- ::::::::::::::All CSS Files here :::::::::::::: -->
    <!-- Vendor CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/icofont.min.css"> -->

    <!-- Plugin CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
    <link rel="stylesheet" href="assets/css/plugins/venobox.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css"> -->

    <!-- Main CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="static/css/vendor.min.css">
    <link rel="stylesheet" href="static/css/plugins.min.css">
    <link rel="stylesheet" href="static/css/style.min.css">
</head>

<body>

    <main class="main-wrapper">

        <!-- .....:::::: Start Header Section :::::.... -->
        <header class="header-section d-none d-lg-block">

            <!-- Start Header Top -->
            <div class="header-top">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Top Left  -->
                            <div class="header-top-left">
                                <p>Welcome to our company.</p>
                            </div>
                            <!-- End Header Top Left  -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Top Right  -->
                            <div class="header-top-right">
                                <p> <span class="text">Opening Hours: </span> <span>Mon - Sat </span> || <span>08:00 am
                                        - 05:00 pm</span></p>
                            </div>
                            <!-- End Header Top Right  -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Top -->

            <!-- Start Header Bottom -->
            <div class="header-bottom sticky-header">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <div class="logo"><a href="index.html"><img src="static/picture/logo.png" alt=""></a>
                            </div>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <ul class="header-nav">
                                <li><a href="index.html">Home</a></li>
                                <li class="has-dropdown">
                                    <a href="service-list.html">Service</a>
                                    <ul class="submenu">
                                        <li><a href="service-list.html">Services</a></li>
                                        <li><a href="service-details.html">Service Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="project-list.html">Project</a>
                                    <ul class="submenu">
                                        <li><a href="project-list.html">Project</a></li>
                                        <li><a href="">Project Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="blog-list.html">Blog</a>
                                    <ul class="submenu">
                                        <li><a href="blog-list.html">Blog List Full Width</a></li>
                                        <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                        <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                        <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                        <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                        <li><a href="blog-details-sidebar-right.html">Blog Details Right Sidebar</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="#">Pages</a>
                                    <ul class="submenu">
                                        <li><a href="404-page.html">404 Page</a></li>
                                        <li><a href="price.html">Price</a></li>
                                        <li><a href="about.html">About Us</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Social Link -->
                            <ul class="social-link social-link-white">
                                <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                            </ul>
                            <!-- Start Header Social Link -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Bottom -->
        </header>
        <!-- .....:::::: End Header Section :::::.... -->

        <!-- .....:::::: Start Mobile Header Section :::::.... -->
        <div class="mobile-header d-block d-lg-none">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col">
                        <div class="mobile-logo">
                        <a href="index.html"><img src="static/picture/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col">
                        <div class="mobile-action-link text-end">
                        <a href="#mobile-menu-offcanvas" class="offcanvas-toggle offside-menu"><i class="icofont-navigation-menu"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: Start MobileHeader Section :::::.... -->

        <!--  Start Offcanvas Mobile Menu Section -->
        <div id="mobile-menu-offcanvas" class="offcanvas offcanvas-rightside offcanvas-mobile-menu-section">
            <!-- Start Offcanvas Header -->
            <div class="offcanvas-header text-end">
                <button class="offcanvas-close"><i class="icofont-close-line"></i></button>
            </div> <!-- End Offcanvas Header -->
            <!-- Start Offcanvas Mobile Menu Wrapper -->
            <div class="offcanvas-mobile-menu-wrapper">
                <!-- Start Mobile Menu  -->
                <div class="mobile-menu-bottom">
                    <!-- Start Mobile Menu Nav -->
                    <div class="offcanvas-menu">
                        <ul>
                            <li>
                                <a href="index.html"><span>Home</span></a>
                            </li>
                            <li>
                                <a href="#"><span>Services</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="service-list.html">Service List</a></li>
                                    <li><a href="service-details.html">Service Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Project</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="project-list.html">Project List</a></li>
                                    <li><a href="">Project Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Blog</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="blog-list.html">Blog List Full Width</a></li>
                                    <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                    <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                    <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                    <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                    <li><a href="blog-details-sidebar-right.html">Blog Details Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Pages</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="404-page.html">404 Page</a></li>
                                    <li><a href="price.html">Price</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html"><span>Contact</span></a>
                            </li>
                        </ul>
                    </div> <!-- End Mobile Menu Nav -->
                </div> <!-- End Mobile Menu -->

                <!-- Start Mobile contact Info -->
                <div class="mobile-contact-info text-center">
                    <ul class="social-link social-link-white">
                        <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                    </ul>
                </div>
                <!-- End Mobile contact Info -->

            </div> <!-- End Offcanvas Mobile Menu Wrapper -->
        </div> 
        <!-- ...:::: End Offcanvas Mobile Menu Section:::... -->

        <!-- Offcanvas Overlay -->
        <div class="offcanvas-overlay"></div>

        <!-- .....:::::: Start Breadcrumb Section :::::.... -->
        <div class="breadcrumb-section">
            <div class="breadcrumb-wrapper">
                <div class="image"><img src="static/picture/breadcrumb.png" alt=""></div>
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="content">
                                <h2 class="title">Energy & Utilities</h2>
                                <ol class="breadcrumb-link">
                                    <li><a href="project-list.html">Project</a></li>
                                    <li class="active" aria-current="page">PROJECTS DEtails</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>            
            </div>
        </div>
        <!-- .....:::::: End Breadcrumb Section :::::.... -->

         <!-- .....:::::: Start Project Section :::::.... -->
         <div class="project-section section-inner-gap">
             <div class="project-box-wrapper">
                <div class="container">
                    <div class="row justify-content-between">
                        <div class="col-xl-auto col-lg-6">
                            <div class="image"><img src="static/picture/project-single-1.png" alt=""></div>
                        </div>
                        <div class="col-xxl-6 col-xl-5 col-lg-6">
                            <div class="project-content-box">
                                <div class="section-content">
                                    <h4 class="title-tag text-gradient">OUR SERVICES</h4>
                                    <h3 class="sub-title">Energy & Utilities</h3>
                                </div>

                                <div class="content">
                                    <p>Lorem Ipsum is simply dumm text of the printing and
                                        typesetting industry. Lorem Ipsum has been the indust
                                        standard dummy text ever since the 1500s, when an
                                        unknown printer took a galley of type and scrambled
                                        make a type specimen book.</p>

                                    <p>Lorem Ipsum is simply dumm text of the printing and
                                        typesetting industry. Lorem Ipsum has been the indust
                                        standard dummy text ever.</p>

                                    <p>Lorem Ipsum is simply dumm text of the printing and
                                        typesetting industry. Lorem Ipsum has been the indust
                                        make a type specimen book.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
             </div>
             <div class="project-box-wrapper">
                <div class="container">
                    <div class="row justify-content-between">
                        <div class="col-xl-auto col-lg-6">
                            <div class="image"><img src="static/picture/project-single-2.png" alt=""></div>
                        </div>
                        <div class="col-xxl-6 col-xl-5 col-lg-6">
                            <div class="project-content-box">
                                <div class="section-content">
                                    <h3 class="sub-title">information</h3>
                                </div>

                                <ul class="project-info">
                                    <li><span class="title-info">Project</span> <div class="info-details">Energy & Utilities</div> </li>
                                    <li><span class="title-info">Client</span> <div class="info-details">Marjorie Harmon</div> </li>
                                    <li><span class="title-info">Budget</span> <div class="info-details">$8,697.75</div> </li>
                                    <li><span class="title-info">Date</span> <div class="info-details">04 Feb, 2020</div> </li>
                                    <li><span class="title-info">Location</span> <div class="info-details">Ozark (AL), 36360</div> </li>
                                    <li><span class="title-info">Social</span> 
                                    <div class="info-details">
                                        <ul class="social-link social-link-dark-red">
                                            <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                                            </li>
                                            <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                                            </li>
                                            <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                                        </ul>
                                    </div> 
                                        
                                    </li>
                                </ul>

                                <div class="content">
                                    <p>Lorem Ipsum is simply dumm text of the printing and
                                        typesetting industry. Lorem Ipsum has been the indust
                                        make a type specimen book.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
             </div>
             <div class="default-content">
                 <div class="container">
                     <div class="row">
                         <div class="col-12">
                            <div class="section-content">
                                <h3 class="sub-title">PROJECT DESCRIPTION & RESULTS</h3>
                            </div>
                            <div class="content">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when anunknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                            </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
         <!-- .....:::::: End Project Section :::::.... -->

        <!-- .....:::::: Start Default Inner Form Section :::::.... -->
        <div class="default-inner-display-section section-inner-gap section-inner-bg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4">
                        <!-- Start Section Content -->
                        <div class="section-content section-content-space-small">
                            <h3 class="sub-title">LEAVE A COMMENTS</h3>
                        </div>
                        <!-- End Section Content -->
                        <div class="content">
                            <p>Lorem Ipsum is simply dummy text of the printing and
                                typesetting industry. Lorem Ipsum has been the industry
                                standard dummy text ever since.</p>

                                <p>Lorem Ipsum is simply dummy text of the printing and
                                    typesetting industry. Lorem Ipsum has been the industry
                                    standard dummy text ever since.</p>
                        </div>
                    </div>
                    <div class="col-xl-7 offset-xl-1">
                        <div class="default-inner-form-wrapper">
                            <form class="form-group" action="#" method="post">
                                <div class="row mb-n6">
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="text" placeholder="Name *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="email" placeholder="Email *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="tel" placeholder="Phone *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-md-6 col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <input type="text" placeholder="Location *" required="required">
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-12 mb-6">
                                        <!-- Start Form Group Single Item -->
                                        <div class="form-group-single-item">
                                            <textarea placeholder="Type your comment" required=""></textarea>
                                        </div>
                                        <!-- End Form Group Single Item -->
                                    </div>
                                    <div class="col-12 mb-6">
                                        <button type="submit" class="btn btn-lg btn-primary icon-space-right"><i class="icofont-ui-calendar"></i> Submit Comment </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Default Inner Form Section :::::.... -->

        <!-- .....:::::: Start Data Nav Arrow Section :::::.... -->
        <div class="data-nav-arrow-section m-t-70">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                         <!-- Start Data Nav Arrow - Prev, Next -->
                        <div class="data-nav-arrow-box">
                            <a href="#" class="data-nav-arrow prev"><i class="icofont-simple-left"></i></a>
                            <a href="#" class="data-nav-arrow next"><i class="icofont-simple-right"></i></a>
                        </div>
                        <!-- End Data Nav Arrow - Prev, Next -->
                    </div>
                </div>
            </div>
        </div>
         <!-- .....:::::: End Data Nav Arrow Section :::::.... -->

        <!-- .....:::::: Start Client Logo Display Section :::::.... -->
        <div class="client-logo-display-section section-inner-gap">
            <div class="client-logo-display-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="client-logo-slider">
                                <!-- Slider main container -->
                                <div class="swiper-container">
                                    <!-- Additional required wrapper -->
                                    <div class="swiper-wrapper">
                                        <!-- Slides -->
                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-1.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-1.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-3.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-4.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-5.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-6.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                        <!-- Start Client Logo Single Item  -->
                                        <div class="client-logo-display-single-item swiper-slide">
                                            <a href="#" class="image">
                                                <img class="img-fluid" src="static/picture/company-logo-6.png" alt="">
                                            </a>
                                        </div>
                                        <!-- End Client Logo Single Item  -->

                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Client Logo Display Section :::::.... -->

        <!-- .....:::::: Start Footer Section :::::.... -->
        <footer class="footer-section footer-bg">
            <!-- Start Footer Top -->
            <div class="footer-top">
                <div class="container">
                    <div class="footer-top-wrapper">
                        <!-- Start Footer Logo -->
                        <a href="index.html" class="logo">
                            <img class="img-fluid" src="static/picture/logo-dark.png" alt="">
                        </a>
                        <!-- End Footer Logo -->

                        <!-- Start Footer Newsletter -->
                        <div class="newsletter">
                            <div class="content">
                                <h4 class="title-tag text-gradient">SUBSCRIBE NOW</h4>
                                <h3 class="sub-title">GET UPDATE EVERYTHING</h3>
                            </div>
                            <div class="newsletter-form">
                                <form class="newsletter-form-group" action="#" method="post">
                                    <input type="email" placeholder="Enter your email" required="">
                                    <button class="newsletter-submit-btn text-gradient" type="submit"><i class="icofont-paper-plane"></i></button>
                                </form>
                            </div>
                        </div>
                        <!-- Start Footer Newsletter -->
                        <!-- <div class="bg-color-dark-red"></div> -->
                    </div>
                </div>
                <div class="bg-color-bold-red"></div>
            </div>
            <!-- Start Footer Top -->

            <!-- Start Footer Center -->
            <div class="footer-center section-top-space">
                <div class="container">
                    <div class="row justify-content-xl-between">
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">CONTACT US</h3>

                                <ul class="footer-about">
                                    <li>
                                        <div class="text"><span class="text-marker">Location:</span>Your address goes here.</div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Phone:</span><a href="tel:+0123456789">0123456789</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Web:</span><a href="javascript:;">www.example.com</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Email:</span> <a href="mailto:demo@example.com">demo@example.com</a> </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">RECENT NEWS</h3>

                                <ul class="footer-blog">
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">OUR SERVICES</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Energy & Utilities</a></li>
                                    <li><a href="#">Industrial Manufacturing</a></li>
                                    <li><a href="#">Industrial Automation</a></li>
                                    <li><a href="#">Mechanical Engineering</a></li>
                                    <li><a href="#">Industrial Construction</a></li>
                                    <li><a href="#">Oil & Gas Energy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">QUICK LINKS</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Company</a></li>
                                    <li><a href="#">Help Center</a></li>
                                    <li><a href="#">Management</a></li>
                                    <li><a href="#">Our Team</a></li>
                                    <li><a href="#">Career</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Center -->

            <!-- Start Footer Bottom -->
            <div class="footer-bottom ">
                <div class="container">
                    <div class="row justify-content-md-between justify-content-center align-items-center flex-column-reverse flex-md-row">
                        <div class="col-auto">
                            <div class="footer-bottom-left">
                                <div class="footer-copyright">
                                    <p class="copyright-text">Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="footer-bottom-right">
                                <ul class="footer-soacial">
                                    <li><a href="javascript:;" target="_blank">Facebook</a></li>
                                    <li><a href="javascript:;" target="_blank">Twitter</a></li>
                                    <li><a href="javascript:;" target="_blank">Instagram</a></li>
                                    <li><a href="javascript:;" target="_blank">LinkedIn</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Bottom -->
        </footer>
        <!-- .....:::::: End Footer Section :::::.... -->

    </main>

    <!-- material-scrolltop button -->
    <button class="material-scrolltop" type="button"></button>


    <!-- ::::::::::::::All JS Files here :::::::::::::: -->
    <!-- Global Vendor, plugins JS -->
    <!-- <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/material-scrolltop.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
    <script src="assets/js/plugins/images-loaded.min.js"></script>
    <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/parallax.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script>
    <script src="assets/js/plugins/waypoint.js"></script>
    <script src="assets/js/plugins/counter.js"></script> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="static/js/vendor.min.js"></script>
    <script src="static/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="static/js/main.js"></script>

</body>

</html>